<!-- ./components/room-msg-comment.vue -->
<script setup>
import { inject } from 'vue';
// 2. 接收数据
const roomData = inject('room-msg')
// 2. 接收响应式数据
const countData = inject('room-count')
// 3. 接收方法
const setCount = inject('set-count')

</script>

<template>
  <div class="comment">
    <div>这是评论区内容页面dddd</div>
    底层组件
    <div class="room-com">
      来自顶层组件中的数据为：{{ roomData }}
    </div>
    <div>
      来自顶层组件中的响应式数据为：{{ countData }}
    </div>
    <div>
      <button @click="setCount(countData+1)">点击加一</button>
    </div>
  </div>
</template>

<style>
.comment .room-com{
  color: red;
}

</style>
